﻿@charset "utf-8";
 /* CSS Document */

* { tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
body { font-family: Verdana, Arial, Helvetica, microsoft yahei, '\534E\6587\7EC6\9ED1' !important; -webkit-user-select: none; -webkit-text-size-adjust: none; background-color: #eef5e9; }
input, textarea { outline: 0; resize: none; vertical-align: middle; }
input, img, th { vertical-align: middle; }
a, a:visited { text-decoration: none !important; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, microsoft yahei, '\534E\6587\7EC6\9ED1' !important; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
/*sprite*/
.header .backBtn span, .header .addBtn span, .arrow, .address_team.active:after, .address_team.current:before, .addrs-edit a, .returns, .icon-search,.add_address span,.cart-btns .btn-cart, .search-list li span, .order .name .icon, .order .tel .icon ,.del-btn a,.discount-title span,.delivery-date a:after { background: url(../images/sprites.png) no-repeat; background-size: 222px; }

/*头部样式
header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; min-height: 44px; border-bottom: 1px solid #e1e5e5; background: #fcfdfb; }
.header { height: 44px; }
.header .backBtn { position: absolute; left: 0;top:0; width: 40px; height: 44px; }
.header .backBtn span {  display: block; width: 15px; height: 20px; margin: 12px 0 0 15px; background-position:0 0; overflow: hidden; text-indent: -9999px; }
.header h1 { display: block; width: 100%; height: 44px; line-height: 44px; font-weight: 500; font-size: 18px; text-align: center; color: #8aab72; }
.header .addBtn { position: absolute; right: 0; top:0; width: 40px; height: 44px; }
.header .addBtn span {  display: block; width: 21px; height: 21px; margin: 12px 15px 0 0; background-position:-19px 0; overflow: hidden; text-indent: -9999px; }
.header .delBtn { position: absolute; right: 0; top:0; width: 40px; height: 44px; line-height:44px; }
.header .delBtn span { text-align:center; color:#abd091; font-size:16px;}*/

/*搜索*/
.search{ position:relative; border-bottom:1px solid #ccc;}
.search-box{ overflow:hidden; position:relative; width:80%; padding:5px 0 5px 15px;}
.search .icon-search{ overflow:hidden; position:absolute; top:12px; left:30px; width:21px; height:21px; text-indent:-999px; background-position:0 -28px;}
.search .search-input{ background:#eef5e9; border-radius:20px; line-height:35px; font-size:14px; height:35px; padding:0 20px 0 50px; width:100%; border:none;}
.search .btn-search{ position:absolute; top:0; right:0; height: 44px; line-height:44px;}
.search .btn-search a{ display:block; width:100%; height:100%; padding-right:15px;  color:#a1bc8e; font-size:14px;}
/*底部样式*/
.footer { position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; background: #fff; }
.footer a {  position: relative; display: block; float: left; width: 25%; height: 50px; color: #FFF; font-size: 12px; color: #8d8a8a; text-align: center; }
.footer span {  position: relative; display: block; width: 22px; height: 22px; margin: 6px auto 2px auto; text-indent: -9999px; background: url(../images/btn-tabs.png) no-repeat; background-size: 100px; }
.footer .home { background-position: 0 0; }
.footer .catalog { background-position: -26px 0; }
.footer .shopping { background-position: -52px 0; }
.footer .my { background-position: -79px 0; }
.footer a.current, .footer a:hover { color: #299d1a; }
.footer a.current .home, .footer a:hover .home { background-position: 0 -22px; }
.footer a.current .catalog, .footer a:hover .catalog { background-position: -26px -22px; }
.footer a.current .shopping, .footer a:hover .shopping { background-position: -52px -22px; }
.footer a.current .my, .footer a:hover .my { background-position: -79px -22px; }

.badge{ position:absolute; left:22px; top:-2px; padding:2px 4px; text-align:center; text-indent:0;font-family: Arial; background:#fb3d3d;}
/*共用样式*/
.wrap { padding: 0 0 70px 0; }
.fleft { float: left; }
.fright { float: right; }
.text-right{ text-align:right;}
.bgfff { background: #fff; }
.bgfaf{ background:#fafdfd}
.mt20 { margin-top: 20px; }
.pt55 { padding-top: 55px; }
.pt120{ padding-bottom:120px;}

/* -------add by juliaguo 20150710------------ */
/* font */ 
.mt2{ margin-top:2px;}
.ml5{ margin-left:5px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt35{ margin-top:35px;}
.pl{ padding-left:5px;}
.ptblr5{ padding:5px;  }
.plr10{ padding:0 10px;  }
.ptb10{ padding:10px 0;}
.fb{ font-weight:700; }
.fn{ font-weight:normal; }
.f10{ font-size:10px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f_tahoma{ font-family:Tahoma; }
.f_yahei{ font-family:\5fae\8f6f\96c5\9ed1; }
.f_simsun{ font-family:\5b8b\4f53; }
.f_arial{ font-family:Arial; }
.f_simhei{ font-family:\9ED1\4F53; }
.vm{ vertical-align:middle;}

.tl{ text-align:left; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.ellipsis{ overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nowrap{ white-space:nowrap;}
.gray{ color:#8d8a8a;}
.black{ color:#000;}
.red{ color:#fb3d3d;}
.green{ color:#51c200;}
.icon{display:inline-block; vertical-align:middle;background-size:100% 100%; }
.bgfffboder{ background-color:#fff; border:solid 1px #cccccc;}
hr.line {display: block;height: 1px;border: 0;border-top: 1px solid #adadad;padding: 0; margin:0;}
hr.dot {display: block;height: 1px;border: 0;border-top:dashed 1px #cccccc; padding: 0; margin:0;}
.mybtn_white{ background:#fff; color:#51c200; border:1px solid #51c200; font-size:12px;}
a.mybtn_white:hover,a.mybtn_white:focus{ color:#51c200;}
.mybtn_green{background:#51c200; color:#fff; font-size:12px;}
a.mybtn_green:hover,a.mybtn_green:focus{ color:#fff;}

.col2{ width:50%;}
.myleft{ float:left;}
.myright{ float:right;}
.display_iblock{ display:inline-block;}

 /*window css*/   
.shadow_bg{background-color:rgba(227,233,222,.4); height:100%; width:100%; position:absolute; left:0; top:0; z-index:3008; display:none;}
.windowwrap{ position:fixed; top:50%; left:50%; width:250px; height:160px; margin-top:-80px; margin-left:-125px;  border:solid 1px #ccc; border-radius:5px;
            background-color:#fff; color:#111; z-index:3009; display:none;}
.win_con{position:relative;}            
.windowwrap .closewin{ position:absolute; right:10px; top:10px; height:35px;background:url("../images/icon_wclose.png") no-repeat scroll 0 0 / 11px 11px rgba(0, 0, 0, 0);display:inline-block;width:11px; height:11px; cursor:pointer; } 








